<template>
  <div class="box">
    <h2>child</h2>
    <p>小明的年龄：{{ age }}</p>
    <p>手机号：{{ tel.substring(0, 3) + "****" + tel.substring(7) }}</p>
  </div>
</template>

<script>
// let obj = {
//   a:1,
//   'b':2,
//   "c":3
// }

export default {
  //验证需要props以对象的方式进行书写
  props: {
    //key:value ,key代表接收的参数  value又是个对象
    age: {
      //数据类型
      default() {
        //默认值：如果未传age，则默认值生效
        return 10
      },
      validator(val) { //当内置的规则不满足需求 ，则可以使用validator自定义规则，必须return一个布尔值（条件判断）
        //1——130
        //console.log(val,'11111111')
        return val >= 1 && val <= 130 
      },
      type: Number, //Number,String,Array,Object,Bollean
      //default,required,validator
    },
    tel: {
      type: String,
      required: true, //必须传递
    },
  },
  components: {},
  data() {
    return {};
  },
};
</script>

<style scoped>
</style>